<template>
  <div class="header">
      <i class="mui-icon mui-icon-back pull-left"></i>
      <span>HB美发</span>
      <i class="mui-icon mui-icon-list pull-right"></i>
  </div>
</template>

<script>
export default {
  name: 'Header'
}
</script>

<style>
/* @import '../lib/mui/css/mui.css'; */
.header{
    position:absolute;
    left:0;
    top:0px;
    height: 49px;
    line-height:49px;
    width: 100%;
    background:#0acde7;
    display:flex;
}
.header i{
    width: 20px;
    height: 20px;
    /* padding:5px; */
    margin-right:10px;
    margin-top:10px;
    color:white;
}
.header span{
    flex:1;
    text-align:center;
}

</style>
